<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"➥
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sample 2_1</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
<!--//Create a boolean variable to check for a valid Internet Explorer instance.
var xmlhttp = false;
//Check if we are using IE.
try {
	//If the Javascript version is greater than 5.
		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
		alert ("You are using Microsoft Internet Explorer.");
	} 
catch (e) {
		//If not, then use the older active x object.
	try {
	//If we are using Internet Explorer.
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		alert ("You are using Microsoft Internet Explorer");
	} catch (E) {
	//Else we must be using a non-IE browser.
		xmlhttp = false;
	}
}
//If we are using a non-IE browser, create a javascript instance of the object.
if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
	xmlhttp = new XMLHttpRequest();
	alert ("You are not using Microsoft Internet Explorer");
}
function makerequest(serverPage, objID) {
	var obj = document.getElementById(objID);
	xmlhttp.open("GET", serverPage);
	xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
			//text get from serverPage , put it objID
			obj.innerHTML = xmlhttp.responseText;
		}
	}
	xmlhttp.send(null);
}
//-->
</script>
<body onload="makerequest ('content1.html','hw')">
<div align="center">
    <h1>My Webpage</h1>
    <a href="content1.html" onclick="makerequest('content1.html','hw'); return false;">Page 1</a> | 
    <a href="content2.html" onclick="makerequest('content2.html','hw'); return false;">Page 2
</a> | 
    <a href="content3.html" onclick="makerequest('content3.html','hw'); return false;">Page 3			</a>| 
    <a href="content4.html" onclick="makerequest('content4.html','hw'); return false;">Page 4
 	</a>
    <!--id for content is 'hw'-->
    <div id="hw"></div>
   </div>
</body>
</html>
